<%-- 
    Document   : loginpage
    Created on : 26-nov-2012, 18:55:25
    Author     : kjeld
--%>

<%@page contentType="text/html" pageEncoding="UTF-8" import="models.Bean"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <link href="style/general.css" type="text/css" rel="Stylesheet">
                <link href="/style/student.css" type="text/css" rel="Stylesheet"> 
                    <link rel="stylesheet" href="style/slideshow.css" />
                    <!-- include jQuery Library From Google Code -->
                    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

                    <!-- include jQuery UI  From Google Code-->
                    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

                    <script src="js/jquery.rs.slideshow.js"></script>

                    <script src="js/dynamic-controls-bootstrap.js"></script>

                    <script type="text/javascript">
                        $(document).ready(function(){
                            $("#menu a").hover(function() {
                                $(this).stop().animate({ backgroundColor: "#4e88b2"}, 800);
                            },function() {
                                $(this).stop().animate({ backgroundColor: "#504e4e" }, 800);
                            });
				
                        }); 
                    </script>

                    <jsp:useBean id="inhoud" scope="application" class="models.Bean" />   
                    <jsp:setProperty name="inhoud" property="language" value="<%= models.Bean.getLanguage()%>" />

                    <title>
                        Three 2 Learn
                    </title>


                    <!-- The main style sheet -->
                    <link rel="stylesheet" href="style/login.css" type="text/css" media="screen" />

                    <!-- START Fx.Slide -->
                    <!-- The CSS -->
                    <link rel="stylesheet" href="style/fx.slide.css" type="text/css" media="screen" />
                    <!-- Mootools - the core -->
                    <script type="text/javascript" src="js/mootools-1.2-core-yc.js"></script>
                    <!--Toggle effect (show/hide login form) -->
                    <script type="text/javascript" src="js/mootools-1.2-more.js"></script>
                    <script type="text/javascript" src="js/fx.slide.js"></script>
                    <!-- END Fx.Slide -->

                    </head>

                    <body>

                        <!-- Login -->
                        <div id="login">
                            <div class="loginContent">
                                <form action="login" method="post">
                                    <label for="log"><b>
                                            <jsp:setProperty name="inhoud" property="key" value="Username" />
                                            <jsp:getProperty name="inhoud" property="key" />    
                                        </b></label>
                                    <input class="field" type="text" name="userName" id="userName" value="" size="23" />
                                    <label for="pwd"><b>
                                            <jsp:setProperty name="inhoud" property="key" value="Password" />
                                            <jsp:getProperty name="inhoud" property="key" />    
                                        </b></label>
                                    <input class="field" type="password" name="passWord" id="passWord" size="23" />
                                    <input type="submit" name="submit" value="" class="button_login" />
                                    <input type="hidden" name="redirect_to" value=""/>
                                </form>
                                <div class="left">
                                    <label for="rememberme"><input name="rememberme" id="rememberme" class="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label></div>
                                <div class="right">
                                    <jsp:setProperty name="inhoud" property="key" value="NotAMember" />
                                    <jsp:getProperty name="inhoud" property="key" /> 
                                    <a href="student/register">
                                        <jsp:setProperty name="inhoud" property="key" value="Register" />
                                        <jsp:getProperty name="inhoud" property="key" />
                                    </a> | <a href="#">
                                        <jsp:setProperty name="inhoud" property="key" value="ForgotPassword" />
                                        <jsp:getProperty name="inhoud" property="key" />
                                    </a></div>
                            </div>
                            <div class="loginClose"><a href="#" id="closeLogin">
                                    <jsp:setProperty name="inhoud" property="key" value="ClosePanel" />
                                    <jsp:getProperty name="inhoud" property="key" />
                                </a></div>
                        </div> <!-- /login -->



                        <div id="container">

                            <div id="wrapper">
                                <div id="header">
                                    <div id="topmenu">
                                        <ul class="login">
                                            <li><img src="style/logo32L.png"/></li>
                                            <li><a href="/language?lang=nl" title="Nederlands"><img src="images/flags/nl.png"></a></li>
                                            <li><a href="/language?lang=en" title="English"><img src="images/flags/uk.png"></a></li>
                                            <c:choose>
                                                <c:when test="${loggedin eq 'true'}">
                                                        <li><a href="/logout" id="toggleLogout" >
                                                                <jsp:setProperty name="inhoud" property="key" value="LogOut" />
                                                                <jsp:getProperty name="inhoud" property="key" />
                                                            </a></li>
                                                        <li><a href="/${omgeving}" >
                                                                <jsp:setProperty name="inhoud" property="key" value="BackTo" />
                                                                <jsp:getProperty name="inhoud" property="key" /> ${omgeving}
                                                                <jsp:setProperty name="inhoud" property="key" value="TheEnvironment" />
                                                                <jsp:getProperty name="inhoud" property="key" />
                                                            </a></li>
                                                        <li><h2><jsp:setProperty name="inhoud" property="key" value="Welcome" />
                                                                <jsp:getProperty name="inhoud" property="key" />, ${user.firstName} ${user.lastName}</h2></li>
                                                            </c:when>
                                                    <c:otherwise>
                                                    <li><a href="#" id="toggleLogin" >
                                                            <jsp:setProperty name="inhoud" property="key" value="Login" />
                                                            <jsp:getProperty name="inhoud" property="key" />
                                                        </a></li>
                                                    </c:otherwise>
                                                </c:choose>                        
                                        </ul>
                                    </div>
                                    <div class="middle">
                                        <div id="menu">
                                            <ul>
                                                <li><a href="/index">
                                                        <jsp:setProperty name="inhoud" property="key" value="Homepage" />
                                                        <jsp:getProperty name="inhoud" property="key" />
                                                    </a></li>
                                                <li><a href="/courses">
                                                        <jsp:setProperty name="inhoud" property="key" value="Courses" />
                                                        <jsp:getProperty name="inhoud" property="key" />
                                                    </a></li>

                                                <li><a href="three2Learn.jsp">Three2Learn</a></li>
                                                <li><a href="information.jsp">

                                                        <jsp:setProperty name="inhoud" property="key" value="Information" />

                                                        <jsp:getProperty name="inhoud" property="key" />
                                                    </a></li>
                                                <li><a href="faq.jsp">

                                                        <jsp:setProperty name="inhoud" property="key" value="FAQ" />
                                                        <jsp:getProperty name="inhoud" property="key" />
                                                    </a></li>

                                                <li><a href="contact.jsp" class="lastItem">Contact</a></li>

                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <div id="subcontainer">
                                    <center>
                                    <h1><jsp:setProperty name="inhoud" property="key" value="Succes" />
                                        <jsp:getProperty name="inhoud" property="key" /></h1>
                                    <p>
                                        <jsp:setProperty name="inhoud" property="key" value="Message" />
                                        <jsp:getProperty name="inhoud" property="key" />
                                    </p>
                                    <a href="/courses"><img src="style/icons/return.png"/></a>
                                    </br>
                                    <jsp:setProperty name="inhoud" property="key" value="Back" />
                                        <jsp:getProperty name="inhoud" property="key" />
                                    </center>
                                </div>
                            </div>
                        </div>
                    </body>

                    </html>
